<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%--通过taglib标签引入所需的标签库--%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>鲸祺书屋首页</title>
		<link rel="stylesheet" type="text/css" href="css/Home.css" />
		<script src="js/carousel.js"></script>
	</head>

	<body>
			<div id="header">
				<div id="welcome" style="padding: 20px;margin-left: 1300px">
					<b><i>欢迎${sessionScope.userName} / <a href="Login.jsp" style="color:white">退出</a></i></b>
				</div>
				<div id="header_dianmi">
					鲸祺书屋
<%--						<p><%if(session.getAttribute("userName")!=null) {%><span style="color: red;font-size: 30px">欢迎${sessionScope.userName}登录！</span>--%>
<%--							<%} else {%><span style="color: red;font-size: 30px">您好，请登录~~~~~</span><%}%></p>--%>
					<div id="header_dianmi_detial">
						Your Online Library
					</div>
				</div>
			</div>
			<div id="nav" >
				<form action="showTable" method="post">
					<input type="text" name="search" id="" value="" /><button>搜索</button>
					<div id="nav_right">
						<ul>							
							<li><a href="Register.jsp"><img src="img/8afce8d3fc5a4659af61d61c4db1427.jpg"/> 用户注册<img src="img/17e84473082754a68f4c8d461981383.jpg"/> </a></li>
							<li><%if(session.getAttribute("iden").equals("admin")){%><a href="showFeedback"><img src="img/feedback.png" />用户反馈<img src="img/17e84473082754a68f4c8d461981383.jpg"/></a><%}else{%><a href="showBorrow"><img src="img/person1.jpg"/>读者中心<img src="img/17e84473082754a68f4c8d461981383.jpg"/> </a><%}%></li>
							<li><%if(session.getAttribute("iden").equals("admin")){%><a href="showTable2"><%}else{%><a href="showTable"><%}%><img src="img/mulu.png"/> 目录检索 <img src="img/17e84473082754a68f4c8d461981383.jpg"/> </a></li>
							<%if(session.getAttribute("iden").equals("com")){%><li><a href="ContactUs.jsp"><img src="img/87f47e1f5c1e853a1060d64a1d374cd.jpg" /> 意见反馈  <img src="img/17e84473082754a68f4c8d461981383.jpg"/></a></li><%}%>
							<li><a href="showComment"><img src="img/comment.png" /> 评论区  <img src="img/17e84473082754a68f4c8d461981383.jpg"/></a></li>
						</ul>
					</div>
				</form>
			</div>
			<div id="main">
				<div id="content_title">
					欢迎来到邂逅书屋
				</div>
				<div id="main_content">
					邂逅一本好书，犹如在宁静的午后捧起一杯香浓醇厚的咖啡，缕缕香气萦绕在身旁，思绪全部沉静在如梦似幻的故事当中。这时，轻抿一口杯中液体，早已分辨不出杯中是苦涩，还是香醇——因为投入。
					<br/> 愿君与书中寻找到另一个自己，于现实中成为理想的自己。
				</div>
			</div>
			<div id="main1">
				<div id="main1_title">
					今日推荐
				</div>
				<div id="main1_shuji">
					<div id="main1_shumi">
						<table border="0px" cellspacing="0px" cellpadding="0px">
							<tr>
								<td><img src="img/批判思维.jpg" /></td>
								<td><img src="img/断舍离.jpg" /></td>
								<td><img src="img/山海.jpg" /></td>
							</tr>
							<tr>
								<td>
									<span><a href="showBook?bName=批判性思维"><img src="img/2.png" class="left"/>批判性思维<img src="img/1.png" class="right"/></a></span>
								</td>
								<td>
									<span><a href="showBook?bName=断舍离"><img src="img/2.png" class="left"/>断舍离<img src="img/1.png" class="right"/></a></span>
								</td>
								<td>
									<span><a href="showBook?bName=山海经"><img src="img/2.png" class="left"/>山海经<img src="img/1.png" class="right"/></a></span>
								</td>
							</tr>
							<tr>
								<td><img src="img/小王子.jpg" /></td>
								<td><img src="img/庄子浅说.jpg" /></td>
								<td><img src="img/红楼梦.jpg" /></td>
							</tr>
							<tr>
								<td>
									<span><a href="showBook?bName=小王子"><img src="img/2.png" class="left"/>小王子<img src="img/1.png" class="right"/></a></span>
								</td>
								<td>
									<span><a href="showBook?bName=庄子浅说"><img src="img/2.png" class="left"/>庄子浅说<img src="img/1.png" class="right"/></a></span>
								</td>
								<td>
									<span><a href="showBook?bName=红楼梦"><img src="img/2.png" class="left"/>红楼梦<img src="img/1.png" class="right"/></a></span>
								</td>
							</tr>
						</table>
					</div>
				</div>
			</div>
			<div id="Home_footer">
				<a href="#">版权声明</a><span>|</span>
				<a href="#">支持我们</a><span>|</span>
				<a href="#">人才招聘</a><span>|</span>
				<a href="#">常见问题</a>				
			</div>
		
	</body>

</html>